<!DOCTYPE html>
<html lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title> New Document </title>
  	<style>
		/*下面可以自己修改*/
	</style>
 </head>
 <body>
 
   <form>
      <div><input type="text" name="a" value="1" id="a"></div>
      <div><input type="text" name="b" value="2" id="b"></div>
      <div><input type="hidden" name="c" value="3" id="c"></div>
      <div>
        <textarea name="d" rows="8" cols="40">4</textarea>
      </div>
      <div><select name="e">
        <option value="5" selected="selected">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
      </select></div>
      <div>
        <input type="checkbox" name="f" value="8" id="f">
      </div>
      <div>
        <input type="submit" name="g" value="Submit" id="g">
      </div>
    </form>
  <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
  <script type="text/javascript">
    $( "form" ).submit(function( event ) {
      console.log( $( this ).serializeArray());
      event.preventDefault();
    });
  </script>
 </body>
</html>